@charset "UTF-8";

/*デバイスの横幅が760px以下の場合*/
@media only screen and (max-width: 760px) {
	
/*今だけ*/
.slick-dots{
	display: block!important;
}	
	
/*----------------------------------------------------
	☆MV
----------------------------------------------------*/
.mv{
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	margin-top: 10px;
	position: static;
}
.mv::after{
	display: none;
}
	.mv .slideWidth{
		position: relative;
	}
.mv .copy{
	width: 100%;
	height: auto;
}
	.mv .copy img{
		margin: 0 auto;
	}
.mv .importantNews{
	position: static;
	bottom: auto;
	left: 0;
	width : 100%;
	background-color: rgba(0,0,0,0.05);
}
.mv .importantNews .ttl, .mv .importantNews .tx{
	font-size: 10px;
}
.mv .importantNews .tx{
	padding: 10px !important;
}
.mv .importantNews .ttl{
	width: 100px;
}
.mv .importantNews .ttl span{
	padding-left: 8px;
}

/*----------------------------------------------------
	☆CONCEPT
----------------------------------------------------*/

.concept .boxL, .concept .boxR {
    width: 100%;

}
.concept .boxL{
	padding: 60px 20px;
}
.concept .boxR{
	background: url(/okato/lib/cmn_img/top/ct02_img03.jpg) no-repeat center center /cover;
	padding-top: 77.7777%;
}


/*----------------------------------------------------
	☆PRODUCT
----------------------------------------------------*/
	.product ul.slide02{
		width : -webkit-calc(100% - 40px) ;
	width : calc(100% - 40px) ;
		margin: 0 auto 70px auto;
	}
/*----------------------------------------------------
	☆SERIES
----------------------------------------------------*/

.series ul{
	width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
}
.series ul > li{
	display: inline-block;
	margin:0 2% 0.5% 0;
	width: 49%;
}
.series ul > li:nth-child(2){
	margin-right: 0;	
}
.series ul > li a .txBox{
	bottom: 25px;
}
.series ul > li a .txBox .topH4 span{
	font-size: 16px;
}


}